<template>
    <div class="agent_base">
        <div class="head_title">基本信息</div>
        <div class="content">
        <div class="unit_text">
            <div class="unit">
                <div class="left">
                    代理商名称:
                </div>
                <div class="right">
                    {{detail.agent_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    统一信用代码:
                </div>
                <div class="right">
                    {{detail.enterprise_code}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    法人姓名:
                </div>
                <div class="right">
                    {{detail.legal_person}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    证件号码:
                </div>
                <div class="right">
                    {{detail.certificate}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    联系人姓名:
                </div>
                <div class="right">
                    {{detail.contact_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    联系人手机:
                </div>
                <div class="right">
                    {{detail.contact_mobile}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    代理商类型:
                </div>
                <div class="right">
                    {{detail.type_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    所属地区:
                </div>
                <div class="right">
                    {{detail.belong_address}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    所属客户经理:
                </div>
                <div class="right">
                    {{detail.lead_client_manager}}
                </div>
            </div>
             <div class="unit">
                <div class="left">
                    协议附件:
                </div>
                <div class="right">
                    <el-link :href="detail.protocol_attach" target="_blank" v-if="detail.protocol_img != ''" >下载协议</el-link>
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    上级代理商:
                </div>
                <div class="right">
                    {{detail.lead_agent_name}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    协议时间:
                </div>
                <div class="right">
                    {{detail.protocol_time_start}} - {{detail.protocol_time_end}}
                </div>
            </div>
            <div class="unit">
                <div class="left">
                    联系地址:
                </div>
                <div class="right">
                    {{detail.address}}
                </div>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="unit_img_block">
            <div class="unit_img">
                <div class="left">
                    营业执照:
                </div>
                <div class="right">
                    <el-image
                        style="width: 280px;height: 150px;"
                        :src="detail.business_licence_img"
                        :preview-src-list="[detail.business_licence_img]"
                    >
                    </el-image>
                </div>
            </div>
            <div class="unit_img">
                <div class="left">
                    身份证:
                </div>
                <div class="right">
                    <el-image
                        style="width: 280px;height: 150px;"
                        :src="detail.certificate_img"
                        :preview-src-list="[detail.certificate_img]"
                    >
                    </el-image>
                </div>
            </div>
        </div>
        </div>
    </div>
</template>





<script>
export default {
    name:"AgentBase",
    props:{
        detail:{
            type: Object,
            default:{
                agent_name: '',        //代理商名称
                enterprise_code: '',        //统一信用代码
                legal_person : '',          //法人姓名
                certificate: '',            //证件号码
                contact_name: '',           //联系人姓名
                contact_mobile: '',      //联系人手机号码
                type_name: '',          //代理商类型
                belong_address:'',          //所属地区
                lead_client_manager: '',        //所属客户经理
                lead_agent_name: '',         //所属代理商
                address: '',         //企业联系地址
                protocol_time_start: '',         //协议开始时间
                protocol_time_end: '',         //协议结束时间
                protocol_img: '',      //协议附件
                business_licence_img: '',    //营业执照
                certificate_img: '',            //身份证照片
            }
        }
    },
    mounted() {
    },
    methods:{
    }
}
</script>
<style lang="less" :scope="true">
    .agent_base{
        padding: 0;
        background: #fff;
        font-size: 14px;

        .head_title{
            width: 70px;
            text-align: right;
            border-left: 2px solid #4280f2;
            
        }
        .content{
            padding-top: 0px;
        }
        .unit_text{
            width: 100%;
            .unit{
                width: 48%;
                margin-left: 5px;
                float: left;
                height: 40px;
                line-height: 40px;
                font-weight: 400;
                .left{
                    width: 25%;
                    float: left;
                }
                .right{
                    width: 65%;
                    margin-left: 20px;
                    float: left;
                }
            }   
        }
        .unit_img_block{
            width: 100%;
            margin-top: 2%;
            height: 200px;
            .unit_img{
                width: 48%;
                margin-left: 5px;
                float: left;
                font-weight: 400;
                .left{
                    width: 25%;
                    float: left;
                }
                .right{
                    width: 65%;
                    margin-left: 20px;
                    float: left;
                }
            }
        }
    }

</style>